<%@ include file="/common/taglibs.jsp"%>

<head>
    <title><fmt:message key="almacenlist.title"/></title>
    <meta name="heading" content="<fmt:message key='almacenlist.heading'/>"/>    
</head>

<form:form id="almacenList">

<c:set var="buttons">
    <input type="button" class="button" 
        onclick="location.href='<c:url value="/almacen/almacenform.html?method=Add&from=list"/>'"
        value="<fmt:message key="button.add"/>"/>
        
    <input type="button" class="button" 
    	onclick="location.href='<c:url value="/mainMenu.html"/>'"
        value="<fmt:message key="button.done"/>"/>
</c:set>

<ul>
	<li>
	<label class="desc"><fmt:message key="common.filtros.busqueda"/></label>
	<div class="group" style="width: 300px">
		<div>
			<fmt:message key="common.almacen"/><br/>
			<input type="text" id="deAlmacen" name="deAlmacen" class="text medium"/>								
		</div><br/>	
		<div>
			<fmt:message key="common.codigo"/><br/>
			<input type="text" id="coCodigoAlmacen" name="coCodigoAlmacen" class="text medium"/>			
		</div><br/>
		<div>
			<fmt:message key="common.estacion"/><br/>
			<select id="coEstacion" name="coEstacion" class="text medium">
				<option value="0"><fmt:message key="label.itemdefault"/></option>
				<c:forEach var="estacion" items="${estaciones}" varStatus="status">	
					<option value="${estacion.id}">${estacion.deEstacion}</option>
				</c:forEach>			
			</select>
		</div><br/>					
		<div>
			<fmt:message key="common.tipo.almacen"/><br/>
			<select id="stTipoAlmacen" name="stTipoAlmacen" class="text medium">
				<option value="-"><fmt:message key="label.itemdefault"/></option>
				<option value="PC"><fmt:message key="common.punto.canje"/></option>
				<option value="AP"><fmt:message key="common.almacen.principal"/></option>
				<option value="NM"><fmt:message key="common.almacen.virtual"/></option>
			</select>
		</div><br/>				
		<div>
			<fmt:message key="label.habilitado"/><br/>
			<select id="stAlmacen" name="stAlmacen" class="text medium">
				<option value="-"><fmt:message key="label.itemdefault"/></option>
				<option value="Y"><fmt:message key="common.yes"/></option>
				<option value="N"><fmt:message key="common.no"/></option>
			</select>
		</div><br/><br/>
		<div>
			<input type="button" onclick="buscarAlmacenes()" value="<fmt:message key="button.search"/>"/>
		</div>					
	</div>	
	</li>
</ul>

<c:out value="${buttons}" escapeXml="false" /><br/><br/>
<table id="almacenes" cellpadding="0" class="table" cellspacing="0" style="width: 800px" > 
	<thead> 
		<tr> 
            <th scope="col"><fmt:message key="common.almacen"/></th>
            <th scope="col"><fmt:message key="common.codigo.almacen"/></th>
            <th scope="col"><fmt:message key="common.estacion"/></th>
            <th scope="col"><fmt:message key="common.tipo.almacen"/>?</th>            
            <th scope="col"><fmt:message key="label.habilitado"/></th>		
		</tr>
	</thead> 
	<tbody id="almacensbody">
		<tr id="pattern" style="display:none;">
			<td> 
				<span id="tableAlmacen">Almacen</span>						
			</td>
			<td> 
				<span id="tableCodigo">Codigo</span>						
			</td>	
			<td> 
				<span id="tableEstacion">Estacion</span>						
			</td>	
			<td> 
				<span id="tableTipo">Tipo</span>						
			</td>						
			<td> 
				<span id="tableHabilitado">Habilitado</span>						
			</td>											
		</tr> 	
		<c:forEach var="almacen" items="${almacenes}" varStatus="status">	
			<c:choose>
				  <c:when test="${status.index % 2 == 0}"><tr class="odd" ></c:when>
				  <c:otherwise><tr class="even" ></c:otherwise>
			</c:choose>
            	<td>
					<a href="<c:url value="/almacen/almacenform.html?id=${almacen.id}&amp;from=list"/>">					
						${almacen.deAlmacen}
					</a>            	
				</td>
                <td>
                    ${almacen.coCodigoAlmacen}
                </td>
                <td>
                    ${almacen.clpbEstacion.deEstacion}
                </td> 
                <td>
                	<c:choose>
                		<c:when test="${almacen.stEsPuntoCanje eq true}">
                			<fmt:message key='common.punto.canje'/>
                		</c:when>
                		<c:when test="${almacen.stEsAlmacenPrincipal eq true}">
                			<fmt:message key='common.almacen.principal'/>
                		</c:when>                		
                		<c:when test="${almacen.stEsAlmacenVirtual eq true}">
                			<fmt:message key='common.almacen.virtual'/>
                		</c:when>
                	</c:choose>
                </td>                               
                <td>
                	<c:choose>
                		<c:when test="${almacen.stAlmacen eq true}">
                			<fmt:message key='common.yes'/>
                		</c:when>
                		<c:otherwise>
                			<fmt:message key='common.no'/>
                		</c:otherwise>
                	</c:choose>
                </td>
           </tr>
        </c:forEach>				
	</tbody>
</table> 

<c:out value="${buttons}" escapeXml="false" />
</form:form>
<script type="text/javascript">
	
    function buscarAlmacenes()
    {
        var deAlmacen = dwr.util.getValue("deAlmacen");
        var coCodigoAlmacen = dwr.util.getValue("coCodigoAlmacen");
        var coEstacion = dwr.util.getValue("coEstacion");
        var stAlmacen = dwr.util.getValue("stAlmacen");
        var stTipoAlmacen = dwr.util.getValue("stTipoAlmacen");
       
        dwr.util.useLoadingMessage();
        AlmacenService.buscarAlmacenes(deAlmacen, coCodigoAlmacen, coEstacion, stAlmacen,
        		stTipoAlmacen, function(almacens) {
        	
    	    // Delete all the rows except for the "pattern" row
    	    dwr.util.removeAllRows("almacensbody", { filter:function(tr) {
    	      return (tr.id != "pattern");
    	    }});
    	    
    	    // Create a new set cloned from the pattern row
    	    var almacen, hrefurl, url, estacion, codigo, tipo, habilitado;
    	    for (var i = 0; i < almacens.length; i++) {
    	    	almacen = almacens[i];

    	      	dwr.util.cloneNode("pattern", { idSuffix:almacen.ID });
    	      	url = "<a href='/clubpgnweb/almacen/almacenform.html?id=" + almacen.ID + "'>" + almacen.DEALMACEN +	"</a>";	
    	      	dwr.util.setValue("tableAlmacen" + almacen.ID, url, { escapeHtml:false });

    	      	codigo    = almacen.COCODIGOALMACEN;
    	      	dwr.util.setValue("tableCodigo" + almacen.ID, codigo, { escapeHtml:false });

    	      	estacion    = almacen.DEESTACION;
    	      	dwr.util.setValue("tableEstacion" + almacen.ID, estacion, { escapeHtml:false });


	    		if(almacen.STESPUNTOCANJE == 'Y'){
	    			tipo = "<fmt:message key='common.punto.canje'/>"
	       	    }	      	
	    		if(almacen.STESALMACENPRINCIPAL == 'Y'){
	    			tipo = "<fmt:message key='common.almacen.principal'/>"
	       	    }
	    		if(almacen.STESALMACENVIRTUAL == 'Y'){
	    			tipo = "<fmt:message key='common.almacen.virtual'/>"
	       	    }       	    
    	      	
    	      	dwr.util.setValue("tableTipo" + almacen.ID, tipo, { escapeHtml:false });

    	     	habilitado = almacen.STALMACEN;
    	      	if(habilitado == 'Y'){
    	    	  dwr.util.setValue("tableHabilitado" + almacen.ID, '<fmt:message key='common.yes'/>', { escapeHtml:false }); 
        	  	}
    	      	else {
    	    	  dwr.util.setValue("tableHabilitado" + almacen.ID, '<fmt:message key='common.no'/>', { escapeHtml:false });
        	  	}
    	     
				if(i % 2 == 0){
					$("pattern" + almacen.ID).className = "odd";
				}
				else{
					$("pattern" + almacen.ID).className = "even";
				}
	    	      
	    	    $("pattern" + almacen.ID).style.display = "";
    	    }
		});
  	           		 	
    }       
</script>
<script type='text/javascript' src="<c:url value="/dwr/interface/AlmacenService.js"/>"></script>